<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
 <link href="css/datetimepicker.css" rel="stylesheet" media="screen">
 <script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="Chart.min.js"></script>
<script src="js/bootstrap-datetimepicker.min.js"></script>
<title>Insert title here</title>
</head>
<body>
	<div><br></div>
	<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    time period
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
    <li><a herf="#">Sample</a></li>
    <li><a herf="#">Day</a></li>
    <li><a herf="#">Month</a></li>
  </ul>
</div>
<div><h6 id="tp"></h6></div>
<div><br></div>
	 <div class="controls input-append date form_datetime" data-date="2013-08-01" data-date-format="yyyy-mm-dd hh:ii" data-link-field="dtp_input1">
                    <input id="datepicker1" size="16" type="text" value="" readonly="false">
                    <span class="add-on"><i class="icon-remove"></i></span>
					<span class="add-on"><i class="icon-th"></i></span>
                </div>
     <div class="controls input-append date form_datetime" data-date="2013-08-01" data-date-format="yyyy-mm-dd hh:ii" data-link-field="dtp_input1">
                    <input id="datepicker2" size="16" type="text" value="" readonly="false">
                    <span class="add-on"><i class="icon-remove"></i></span>
					<span class="add-on"><i class="icon-th"></i></span>
                </div>
                <div><br></div>
                <button class="btn" type="button" onclick="func001();">Submit</button>
    <div><table border="1">
    <tr>
    	<td>Average Temperature</td>
    	<td id="averagetemp"></td>
    </tr>
    <tr>
    	<td>Average Humidity</td>
    	<td id="averagehum"></td>
    </tr>
    <tr>
    	<td>Average WindSpeed</td>
    	<td id="averagewind"></td>
    </tr>
    
    </table></div>
	<div><canvas id="temperature" width="800" height="400"></canvas></div>
	<div><canvas id="humidity" width="800" height="400"></canvas></div>
	<div><canvas id="wind" width="800" height="400"></canvas></div>
	
	<script src="js/myjs.js"></script>

</body>
</html>